@color1:#61C1F1;
@color2:#86C5AD;
@color3:#02DBCB;
.activity-list{
  padding:20rpx;

  .error{
    text-align:center;
    .err-text{
      font-size:24rpx;
      color:#999;
    }
  }

  .text1{
    color:@color1;
  }
  .text2{
    color:@color2;
  }
  .text0{
    color:@color3;
  }

  .activity-item{
    width:100%;
    height:218rpx;
    margin-bottom: 40rpx;
    display: flex;
    justify-content: space-between;
    .item-left{
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding:0 30rpx;
      max-width: 60%;
      .title,.subtitle{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
      }
      .title{
        margin-bottom:20rpx;
        font-size:42rpx;
        color:#fff;
      }
      .subtitle{
        font-size:22rpx;
        color:#fff
      }
    }
    .item-right{
      padding:20rpx;
      .container-item{
        width:100%;
        height:100%;
        border-left:1px dashed #fff;
        font-size:22rpx;
        padding-left:30rpx;
        display: flex;
        align-items: center;
        .btn{
          width:130rpx;
          height:60rpx;
          background:#fff;
          line-height: 60rpx;
          border-radius:30rpx;
          text-align: center;
        }
      }
    }
  }
}